/*html,body{
  height: 100%;
  width: 100%;
}*/

#loginBox{
  width:100%;
  height:10.5rem;
  background:#efefef;
}

.loginTop{
  width:100%;
  height:1rem;
  line-height: 1rem;
  text-align: center;
  background-color: #f9fafd;

  font-size:0.3rem;
  font-weight: 600;

  display: flex;
  align-items: center;
}
.loginTopL{
  width: 0.6rem;
  height:0.6rem;
  background: url(../images/zz.png) no-repeat;
  background-size: 100% 100%
}
.loginTopT{
  width: 80%;
  text-align: center;
}
.loginmain{
  width:100%;
  font-size:0.23rem;
  line-height: 0.4rem;

}
.loginBanner{
  width: 100%;
  height:1.8rem;
  background: #ffd600;

  display: flex;
  align-items: flex-end;
  justify-content: space-around;
}
.loginimg{
  width:40%;
  height: 80%;
  background:url(../images/loginimg.png) no-repeat;
  background-size:100% 100%;
}
.loginP{
  width: 60%;
  height:1.8rem;
  z-index:1
}
.loginP>p{
  margin-top:0.5rem;
}
.loginID{
  width:100%;
  height:0.8rem;
  background:#fff;

  display:flex;
  margin:2px auto;

}
.loginmain input{
  height:0.8rem;
  outline:none;
  border:none;
  font-size: 0.3rem;
  padding-left: 0.3rem;
}
.yzm{
  width: 1.7rem;
  height: 70%;
  line-height: 0.6rem;
  margin-top: 0.1rem;

  font-size: 0.3rem;
  border-radius: 5px;
  background-color: #ffd600;
  text-align: center;

}
#duanxin{
  width:100%
}
#yuyin{
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  text-align: center;

  font-size: 0.3rem;
}
#queding{
  width:94%;
  height:1rem;
  line-height:1rem;
  text-align: center;
  background:#ffd600;
  border:none;
  border-radius: 0.2rem;
  font-size:0.3rem;
  display: block;
  margin-left:0.2rem;
  outline:none;
}
